<template>
  <div style="width:88%;margin: 10px auto">
    <el-row style="height: 60px;horiz-align: center">
      <el-button type="primary" round
                 @click="newProject()"
                 style="float:right">
        <i class="el-icon-circle-plus-outline"></i>
        新建项目
      </el-button>
    </el-row>
    <div>
      <v_exploreDialog :explore-visible="exploreVisible"></v_exploreDialog>
    </div>
    <v_position :position-visible="positionVisible"></v_position>
    <v_fileDialog :file-visible="fileVisible"></v_fileDialog>
  </div>
</template>

<script>
    import ExploreDialog from '../../components/dialog/exploreDialog';
    import positionDialog from '../../components/dialog/positionDialog';
    import FileDialog from '../../components/dialog/filePositionDialog';

    export default {
      name: "dataexplore",
      data() {
        return {
          expData: null,
          exploreVisible: {
            v: false
          },
          positionVisible:{
            v:false
          },
          fileVisible:{
            v:false
          },
        }
      },
      components: {
        "v_exploreDialog": ExploreDialog,
        "v_position":positionDialog,
        "v_fileDialog": FileDialog,
      },
      props:{
      },
      methods: {
        newProject(){
          //TODO 新建项目
          this.$Bus.$emit('exploreVisible.v',true);
        },
      },
      mounted(){
      },
    }
</script>

<style>
  .el-input--prefix .el-input__inner{
    border-radius: 20px;
  }
</style>

